<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 网站说明 -->
    <meta name="description" content="小米官网直营小米公司旗下所有产品，包括小米手机系列小米11 Ultra、MIX FOLD，Redmi 红米系列Redmi Note 9、
    Redmi K40 Pro，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持">
    <!-- 关键字 -->
    <meta name="keywords" content="小米,redmi,小米11 Ultra,Redmi Note 9,小米MIX Alpha,小米商城">
    <!-- 网站图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="images/x-icon" />
    <!-- 引入基础样式 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入共同样式 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入index的独有样式 -->
    <link rel="stylesheet" href="css/index.css">
    <script src="js/animate.js"></script>
    <script src="js/animate-12.js"></script>
    <script src="js/index.js"></script>
    <title>小米商场 - 小米11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站！</title>
</head>

<body>
    <!-- 头部 header 开始 -->
    <header class="header">
        <div class="site-topbar">
            <div class="container">
                <div class="topbar-nav">
                    <a href="#">小米商城</a>
                    <span class="sep">|</span>
                    <a href="#">MIUI</a>
                    <span class="sep">|</span>
                    <a href="#">IoT</a>
                    <span class="sep">|</span>
                    <a href="#">云服务</a>
                    <span class="sep">|</span>
                    <a href="#">天星数科</a>
                    <span class="sep">|</span>
                    <a href="#">有品</a>
                    <span class="sep">|</span>
                    <a href="#">小爱开放平台</a>
                    <span class="sep">|</span>
                    <a href="#">企业团购</a>
                    <span class="sep">|</span>
                    <a href="#">资质证照</a>
                    <span class="sep">|</span>
                    <a href="#">协议规则</a>
                    <span class="sep">|</span>
                    <a href="#" class="topbar-download ">下载app
                        <span class="appcode">
                            <img src="images/app.png" alt="">小米商城APP
                        </span>
                    </a>
                    <span class="sep">|</span>
                    <a href="#">智能生活</a>
                    <span class="sep">|</span>
                    <a href="#">Select Location</a>
                </div>
                <div class="topbar-cart">
                    <a href="#" class="cart-mini">
                        <em class="iconfont-cart"></em>
                        <em class="iconfont-cart-full hide"></em>购物车
                        <span class="cart-mini-num">（0）</span>
                    </a>
                    <div class="cart-menu">
                        <div class="msg">购物车中还没有商品，赶紧选购吧！</div>
                    </div>
                </div>
                <div class="topbar-info">
                    <a href="#" class="link">登录</a>
                    <span class="sep">|</span>
                    <a href="#" class="link">注册</a>
                    <span class="sep">|</span>
                    <a href="#" class="link">消息通知</a>
                </div>
            </div>
        </div>
        <div class="site-header">
            <div class="container">
                <div class="header-logo">
                    <a href="#" title="小米官网" class="logo"></a>
                </div>
                <div class="header-nav">
                    <ul class="nav-list">
                        <li class="nav-category">
                            <a href="#" class="link-category">
                                <span class="text">全部商品分类</span>
                            </a>
                            <div class="site-category">
                                <ul class="site-category-list">
                                    <li class="category-item">
                                        <a href="#" class="title">
                                            手机
                                            <em class="iconfont-arrow-right-big"></em>
                                        </a>
                                    </li>
                                    <li class="category-item">
                                        <a href="#" class="title">
                                            电视
                                            <em class="iconfont-arrow-right-big"></em>
                                        </a>
                                    </li>
                                    <li class="category-item">
                                        <a href="#" class="title">
                                            笔记本 平板
                                            <em class="iconfont-arrow-right-big"></em>
                                        </a>
                                    </li>
                                    <li class="category-item">
                                        <a href="#" class="title">
                                            家电
                                            <em class="iconfont-arrow-right-big"></em>
                                        </a>
                                    </li>
                                    <li class="category-item">
                                        <a href="#" class="title">
                                            出行 穿戴
                                            <em class="iconfont-arrow-right-big"></em>
                                        </a>
                                    </li>
                                    <li class="category-item">
                                        <a href="#" class="title">
                                            智能 路由器
                                            <em class="iconfont-arrow-right-big"></em>
                                        </a>
                                    </li>
                                    <li class="category-item">
                                        <a href="#" class="title">
                                            电源 配件
                                            <em class="iconfont-arrow-right-big"></em>
                                        </a>
                                    </li>
                                    <li class="category-item">
                                        <a href="#" class="title">
                                            健康 儿童
                                            <em class="iconfont-arrow-right-big"></em>
                                        </a>
                                    </li>
                                    <li class="category-item">
                                        <a href="#" class="title">
                                            耳机 音箱
                                            <em class="iconfont-arrow-right-big"></em>
                                        </a>
                                    </li>
                                    <li class="category-item">
                                        <a href="#" class="title">
                                            生活 箱包
                                            <em class="iconfont-arrow-right-big"></em>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">小米手机</span>
                            </a>
                            <!-- <div class="item-children">
                                <div class="container">
                                    <ul class="children-list ">
                                        <li class="first">
                                            <a href="#">
                                                <div class="figure figure-thumb">
                                                    <img src="upload/header-shouji_01.webp" alt="" width="160" height="110">
                                                </div>
                                                <div class="title">Xiaomi Civi</div>
                                                <p class="price">2599元起</p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div> -->
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">Redmi红米</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">电视</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">笔记本</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">平板</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">家电</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">路由器</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">智能硬件</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">服务</span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="#" class="link">
                                <span class="text">社区</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="header-search">
                    <form class="search-form">
                        <input type="search" class="search-text" placeholder="全部商品">
                        <a href="#">
                            <label>
                                <input type="submit" value="" class="search-btn">
                            </label>
                        </a>
                        <div class="keyword-list hide">
                            <ul class="result-list">
                                <li>全部商品</li>
                                <li>红米</li>
                                <li>电视</li>
                                <li>小米手机</li>
                                <li>洗衣机</li>
                                <li>冰箱</li>
                                <li>空调</li>
                                <li>路由器</li>
                            </ul>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </header>
    <!-- 头部 header 结束 -->
    <!-- 背景图部分  开始 -->
    <div class="home-hero-container container">
        <div class="home-hero">
            <div class="swiper-container home-hero-swiper">
                <ul>
                    <li>
                        <img src="upload/focus1.webp" alt="" >                        
                    </li>
                    <li>                        
                        <img src="upload/focus2.webp" alt="" >                       
                    </li>
                    <li>                       
                        <img src="upload/focus3.webp" alt="" >                        
                    </li>
                    <li>                       
                        <img src="upload/focus4.webp" alt="" >                        
                    </li>
                </ul>
                <ol class="swiper-pagination">
                    <!-- <li href="#" class="swiper-pagination-bullet swiper-pagination-bullet-active "></li>
                    <li href="#" class="swiper-pagination-bullet"></li>
                    <li href="#" class="swiper-pagination-bullet"></li>
                    <li href="#" class="swiper-pagination-bullet"></li> -->
                </ol>
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
            <div class="home-hero-sub row clearfix">
                <div class="span4">
                    <ul class="home-channel-list clearfix">
                        <li>
                            <a href="#">
                                <img src="images/recom1.png" alt=""> 保障服务
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/recom2.png" alt=""> 企业团购
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/recom3.png" alt=""> F码通道
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/recom4.png" alt=""> 米粉卡
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/recom5.png" alt=""> 以旧换新
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="images/recom6.png" alt=""> 话费充值
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="span16">
                    <ul class="home-promo-list">
                        <li class="first">
                            <a href="#">
                                <img src="upload/focus_01.jpg" alt="">
                            </a>
                        </li>
                        <li class="first">
                            <a href="#">
                                <img src="upload/focus_02.jpg" alt="">
                            </a>
                        </li>
                        <li class="first">
                            <a href="#">
                                <img src="upload/focus_03.jpg" alt="">
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 背景图部分  结束 -->
    <!-- 主题模块 开始 -->
    <div class="page-main home-main clearfix">
        <div class="container">
            <div class="home-banner-box">
                <a href="#">
                    <img src="upload/bg_01.webp" alt="">
                </a>
            </div>
            <!-- 手机模块 -->
            <div class="home-brick-box home-brick-row-2-box xm-plain-box">
                <div class="box-hd">
                    <h2 class="title">手机</h2>
                    <div class="more">
                        <a href="#" class="more-link">
                            查看更多
                            <i class="iconfont iconfont-arrow-right-big"></i>
                        </a>
                    </div>
                </div>
                <div class="box-bd clearfix">
                    <div class="row">
                        <div class="span4">
                            <ul class="brick-promo-list clearfix">
                                <li class="brick-item brick-item-l">
                                    <a href="#">
                                        <img src="upload/shouji_01.webp" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="span16">
                            <ul class="brick-list clearfix">
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/shouji-list_01.webp" alt="">
                                        </div>
                                        <h3 class="title">Xiaomi Civi</h3>
                                        <p class="desc">Xiaomi Civi</p>
                                        <p class="price">
                                            <span class="num">2599</span>元<span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/shouji-list_02.webp" alt="">
                                        </div>
                                        <h3 class="title">Xiaomi MIX 4</h3>
                                        <p class="desc">CPU全面屏</p>
                                        <p class="price">
                                            <span class="num">4999</span>元<span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/shouji-list_03.webp" alt="">
                                        </div>
                                        <h3 class="title">Note 10 Pro</h3>
                                        <p class="desc">天玑1100年度旗舰芯</p>
                                        <p class="price">
                                            <span class="num">1599</span>元<span>起</span>
                                            <del>
                                                <span class="num">1699</span>元
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/shouji-list_04.webp" alt="">
                                        </div>
                                        <h3 class="title">Redmi Note 10 5G</h3>
                                        <p class="desc">5G小金刚 | 旗舰长续航</p>
                                        <p class="price">
                                            <span class="num">1099</span>元<span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/shouji-list_05.webp" alt="">
                                        </div>
                                        <h3 class="title">小米MIX FOLD</h3>
                                        <p class="desc">折叠大屏 | 自研芯片</p>
                                        <p class="price">
                                            <span class="num">9999</span>元<span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/shouji-list_06.webp" alt="">
                                        </div>
                                        <h3 class="title">小米11 Ultra</h3>
                                        <p class="desc">1/1.12"GN2 | 2K四微曲屏</p>
                                        <p class="price">
                                            <span class="num">5499</span>元<span>起</span>
                                            <del>
                                                <span class="num">5999</span>元
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/shouji-list_07.webp" alt="">
                                        </div>
                                        <h3 class="title">小米11 Pro</h3>
                                        <p class="desc">1/1.12"GN2 | 骁龙888</p>
                                        <p class="price">
                                            <span class="num">4499</span>元<span>起</span>
                                            <del>
                                                <span class="num">4999</span>元
                                            </del>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/shouji-list_08.webp" alt="">
                                        </div>
                                        <h3 class="title">小米11 青春版</h3>
                                        <p class="desc">小米11 青春版 轻薄</p>
                                        <p class="price">
                                            <span class="num">2099</span>元<span>起</span>
                                            <del>
                                                <span class="num">2299</span>元
                                            </del>
                                        </p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 家电模块 -->
            <div class="home-brick-box home-brick-row-2-box xm-plain-box">
                <div class="box-hd clearfix">
                    <h2 class="title">家电</h2>
                    <div class="more">
                        <ul class="tab-list">
                            <li class="tab-active">热门</li>
                            <li>电视影音</li>
                        </ul>
                    </div>
                </div>
                <div class="box-bd clearfix">
                    <div class="row">
                        <div class="span4">
                            <ul class="brick-promo-list clearfix">
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <img src="upload/jiadian-list_01.webp" alt="">
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <img src="upload/jiadian-list_02.webp" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="span16">
                            <div>
                                <ul class="brick-list clearfix">
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_03.webp" alt="">
                                                </div>
                                                <h3 class="title">小米电视6 65"OLED</h3>
                                                <p class="desc">小米电视6 65"OLED</p>
                                                <p class="price">
                                                    <span class="num">6999</span>元
                                                    <del>
                                                        <span class="num">7699</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_04.webp" alt="">
                                                </div>
                                                <h3 class="title">小米电视6 至尊版 65英寸</h3>
                                                <p class="desc">画质新境界</p>
                                                <p class="price">
                                                    <span class="num">7799</span>元
                                                    <del>
                                                        <span class="num">7999</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_05.webp" alt="">
                                                </div>
                                                <h3 class="title">小米电视 ES55 2022款</h3>
                                                <p class="desc">多分区，画质轻旗舰</p>
                                                <p class="price">
                                                    <span class="num">2999</span>元
                                                    <del>
                                                        <span class="num">3499</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_06.webp" alt="">
                                                </div>
                                                <h3 class="title">米家互联网对开门冰箱 540L</h3>
                                                <p class="desc">重磅新品福利特惠</p>
                                                <p class="price">
                                                    <span class="num">2799</span>元
                                                    <del>
                                                        <span class="num">3699</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_07.webp" alt="">
                                                </div>
                                                <h3 class="title">米家超薄电磁炉</h3>
                                                <p class="desc">纤薄美学，精准猛火</p>
                                                <p class="price">
                                                    <span class="num">479</span>元
                                                    <del>
                                                        <span class="num">499</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_08.webp" alt="">
                                                </div>
                                                <h3 class="title">米家集尘扫拖机器人</h3>
                                                <p class="desc">自动倒垃圾，45天手不沾尘</p>
                                                <p class="price">
                                                    <span class="num">2799</span>元
                                                    <del>
                                                        <span class="num">2999</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_09.webp" alt="">
                                                </div>
                                                <h3 class="title">Redmi全自动波轮洗衣机1A 8Kg</h3>
                                                <p class="desc">一键操作，父母都爱用</p>
                                                <p class="price">
                                                    <span class="num">799</span>元
                                                    <del>
                                                        <span class="num">899</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-s">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_10.webp" alt="">
                                                </div>
                                                <h3 class="title">米家互联网烟灶套装（天然气）</h3>
                                                <p class="price">
                                                    <span class="num">1899</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <li class="brick-item brick-item-s">
                                        <a href="#">
                                            <div class="figure figure-more">
                                                <i class="iconfont iconfont-circle-arrow-right"></i>
                                            </div>
                                            <div class="more">
                                                浏览更多
                                                <small>热门</small>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <ul class="brick-list clearfix hide">
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_001.webp" alt="">
                                                </div>
                                                <h3 class="title">小米电视4A 70英寸</h3>
                                                <p class="desc">大屏更享受</p>
                                                <p class="price">
                                                    <span class="num">3299</span>元
                                                    <del>
                                                        <span class="num">3999</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_002.webp" alt="">
                                                </div>
                                                <h3 class="title">全面屏电视 55英寸E55X</h3>
                                                <p class="desc">潮流全面屏设计</p>
                                                <p class="price">
                                                    <span class="num">2099</span>元
                                                    <del>
                                                        <span class="num">2599</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_003.webp" alt="">
                                                </div>
                                                <h3 class="title">小米电视4A 60英寸</h3>
                                                <p class="desc">人工智能语音系统，超高清画质</p>
                                                <p class="price">
                                                    <span class="num">2599</span>元
                                                    <del>
                                                        <span class="num">2799</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_004.webp" alt="">
                                                </div>
                                                <h3 class="title">小米电视 EA75 2022款</h3>
                                                <p class="desc">新一代金属全面屏</p>
                                                <p class="price">
                                                    <span class="num">4388</span>元
                                                    <del>
                                                        <span class="num">4999</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_005.webp" alt="">
                                                </div>
                                                <h3 class="title">小米全面屏电视65英寸 E65X</h3>
                                                <p class="desc">全面屏设计</p>
                                                <p class="price">
                                                    <span class="num">2899</span>元
                                                    <del>
                                                        <span class="num">3299</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_006.webp" alt="">
                                                </div>
                                                <h3 class="title">小米电视4C 32英寸</h3>
                                                <p class="desc">高清液晶屏，人工智能系统</p>
                                                <p class="price">
                                                    <span class="num">849</span>元
                                                    <del>
                                                        <span class="num">1099</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_007.webp" alt="">
                                                </div>
                                                <h3 class="title">Redmi智能电视A55</h3>
                                                <p class="desc">澎湃音效影院级体验</p>
                                                <p class="price">
                                                    <span class="num">1988</span>元
                                                    <del>
                                                        <span class="num">2199</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-s">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/jiadian-list_008.webp" alt="">
                                                </div>
                                                <h3 class="title">Redmi MAX86"超大屏电视</h3>
                                                <p class="price">
                                                    <span class="num">7999</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <li class="brick-item brick-item-s">
                                        <a href="#">
                                            <div class="figure figure-more">
                                                <i class="iconfont iconfont-circle-arrow-right"></i>
                                            </div>
                                            <div class="more">
                                                浏览更多
                                                <small>电视影音</small>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 智能模块 -->
            <div class="home-brick-box home-brick-row-2-box xm-plain-box">
                <div class="box-hd clearfix">
                    <h2 class="title">智能</h2>
                    <div class="more">
                        <ul class="tab-list">
                            <li class="tab-active">热门</li>
                            <li>安防</li>
                            <li>出行</li>
                        </ul>
                    </div>
                </div>
                <div class="box-bd clearfix">
                    <div class="row">
                        <div class="span4">
                            <ul class="brick-promo-list clearfix">
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <img src="upload/zhineng-list_01.webp" alt="">
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <img src="upload/zhineng-list_02.webp" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="span16">
                            <div>
                                <ul class="brick-list clearfix">
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/zhineng-list_03.webp" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi Sound</h3>
                                                <p class="desc">小米高保真智能音箱</p>
                                                <p class="price">
                                                    <span class="num">499</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/zhineng-list_04.webp" alt="">
                                                </div>
                                                <h3 class="title">小米路由器AX3000</h3>
                                                <p class="desc">小米路由器AX3000</p>
                                                <p class="price">
                                                    <span class="num">349</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/zhineng-list_05.webp" alt="">
                                                </div>
                                                <h3 class="title">Redmi路由器AX3000</h3>
                                                <p class="desc">极速WiFi6，更快一步</p>
                                                <p class="price">
                                                    <span class="num">249</span>元
                                                    <del>
                                                        <span class="num">3699</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/zhineng-list_06.webp" alt="">
                                                </div>
                                                <h3 class="title">小米全自动智能门锁 Pro</h3>
                                                <p class="desc">一步到位，全面高能</p>
                                                <p class="price">
                                                    <span class="num">2199</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/zhineng-list_07.webp" alt="">
                                                </div>
                                                <h3 class="title">小米智能门锁 E</h3>
                                                <p class="desc">告别钥匙，畅享便捷生活</p>
                                                <p class="price">
                                                    <span class="num">999</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/zhineng-list_08.webp" alt=" ">
                                                </div>
                                                <h3 class="title ">小米小爱音箱 Play</h3>
                                                <p class="desc ">听音乐、语音遥控家电</p>
                                                <p class="price ">
                                                    <span class="num ">99</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_09.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">米家智能窗帘</h3>
                                                <p class="desc ">窗帘开合随心控</p>
                                                <p class="price ">
                                                    <span class="num ">799</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-s ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_10.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">小米体脂称2</h3>
                                                <p class="price ">
                                                    <span class="num ">99</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <li class="brick-item brick-item-s ">
                                        <a href="# ">
                                            <div class="figure figure-more ">
                                                <i class="iconfont iconfont-circle-arrow-right "></i>
                                            </div>
                                            <div class="more ">
                                                浏览更多
                                                <small>热门</small>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <ul class="brick-list clearfix hide ">
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_001.webp" alt=" ">
                                                </div>
                                                <h3 class="title ">小米全自动智能门锁</h3>
                                                <p class="desc ">高端全自动，一触即开门</p>
                                                <p class="price ">
                                                    <span class="num ">1799</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_002.webp" alt=" ">
                                                </div>
                                                <h3 class="title ">小米智能门锁 Pro</h3>
                                                <p class="desc ">旗舰摄像头门锁，安全一步到位</p>
                                                <p class="price ">
                                                    <span class="num ">1599</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_003.webp" alt=" ">
                                                </div>
                                                <h3 class="title ">小米智能门锁 1S</h3>
                                                <p class="desc ">经典门锁再进一步</p>
                                                <p class="price ">
                                                    <span class="num ">1299</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_004.webp" alt=" ">
                                                </div>
                                                <h3 class="title ">小米智能门锁 E</h3>
                                                <p class="desc ">告别钥匙，畅享便捷生活</p>
                                                <p class="price ">
                                                    <span class="num ">999</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_005.webp" alt=" ">
                                                </div>
                                                <h3 class="title ">小米智能摄像头 云台版2K</h3>
                                                <p class="desc ">2K超清，家庭看护更放心</p>
                                                <p class="price ">
                                                    <span class="num ">199</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_006.webp" alt=" ">
                                                </div>
                                                <h3 class="title ">小米智能摄像头 标准版2K</h3>
                                                <p class="desc ">小米智能摄像头 标准版2K</p>
                                                <p class="price ">
                                                    <span class="num ">119</span>元
                                                    <del>
                                                        <span class="num ">129</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_007.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">小米智能摄像头云台版Pro</h3>
                                                <p class="desc ">2K超清画质，AI智能升级</p>
                                                <p class="price ">
                                                    <span class="num ">299</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-s ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_008.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">小米室外摄像机 电池版</h3>
                                                <p class="price">
                                                    <span class="num">349</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <li class="brick-item brick-item-s">
                                        <a href="#">
                                            <div class="figure figure-more">
                                                <i class="iconfont iconfont-circle-arrow-right"></i>
                                            </div>
                                            <div class="more">
                                                浏览更多
                                                <small>安防</small>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <ul class="brick-list clearfix hide ">
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_0001.webp" alt=" ">
                                                </div>
                                                <h3 class="title ">九号平衡车</h3>
                                                <p class="desc ">年轻人的酷玩具</p>
                                                <p class="price ">
                                                    <span class="num ">1799</span>元
                                                    <del>
                                                        <span class="num ">1999</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_0002.webp" alt=" ">
                                                </div>
                                                <h3 class="title ">九号平衡车燃动版</h3>
                                                <p class="desc ">燃动升级，随走随停</p>
                                                <p class="price ">
                                                    <span class="num ">1999</span>元
                                                    <del>
                                                        <span class="num ">2299</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_0003.webp" alt=" ">
                                                </div>
                                                <h3 class="title ">米家电动滑板车1S</h3>
                                                <p class="desc ">型出格，行出色</p>
                                                <p class="price ">
                                                    <span class="num ">1799</span>元
                                                    <del>
                                                        <span class="num ">1999</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_0004.webp" alt=" ">
                                                </div>
                                                <h3 class="title ">小米米家电动滑板车Pro</h3>
                                                <p class="desc ">性能提升，动力更强劲</p>
                                                <p class="price ">
                                                    <span class="num ">2599</span>元
                                                    <del>
                                                        <span class="num ">2799</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_0005.webp" alt=" ">
                                                </div>
                                                <h3 class="title ">米兔折叠婴儿推车</h3>
                                                <p class="desc ">出发去向往的地方</p>
                                                <p class="price ">
                                                    <span class="num ">699</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_0006.webp" alt=" ">
                                                </div>
                                                <h3 class="title ">九号平衡车 Plus</h3>
                                                <p class="desc ">一个形影不离的新伙伴</p>
                                                <p class="price ">
                                                    <span class="num ">3099</span>元
                                                    <del>
                                                        <span class="num ">3499</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_0007.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">小米小背包</h3>
                                                <p class="desc ">城市休闲，简约设计</p>
                                                <p class="price ">
                                                    <span class="num ">29</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-s ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhineng-list_0008.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">小米旅行箱 青春款</h3>
                                                <p class="price">
                                                    <span class="num">199</span>元<span>起</span>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <li class="brick-item brick-item-s">
                                        <a href="#">
                                            <div class="figure figure-more">
                                                <i class="iconfont iconfont-circle-arrow-right"></i>
                                            </div>
                                            <div class="more">
                                                浏览更多
                                                <small>出行</small>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="home-banner-box">
                <a href="#">
                    <img src="upload/bg_02.webp" alt="">
                </a>
            </div>
            <!-- 搭配模块 -->
            <div class="home-brick-box home-brick-row-2-box xm-plain-box">
                <div class="box-hd clearfix">
                    <h2 class="title">搭配</h2>
                    <div class="more">
                        <ul class="tab-list">
                            <li class="tab-active">热门</li>
                            <li>耳机音箱</li>
                        </ul>
                    </div>
                </div>
                <div class="box-bd clearfix">
                    <div class="row">
                        <div class="span4">
                            <ul class="brick-promo-list clearfix">
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <img src="upload/dapei-list_01.webp" alt="">
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <img src="upload/dapei-list_02.webp" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="span16">
                            <div>
                                <ul class="brick-list clearfix">
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_03.webp" alt="">
                                                </div>
                                                <h3 class="title">小米降噪耳机 Pro FlipBuds Pro</h3>
                                                <p class="desc">主动降噪 超长续航</p>
                                                <p class="price">
                                                    <span class="num">759</span>元
                                                    <del>
                                                        <span class="num">799</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_04.webp" alt="">
                                                </div>
                                                <h3 class="title">Redmi AirDots 3 Pro</h3>
                                                <p class="desc">智能降噪 超低延迟</p>
                                                <p class="price">
                                                    <span class="num">299</span>元
                                                    <del>
                                                        <span class="num">349</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_05.webp" alt="">
                                                </div>
                                                <h3 class="title">小米手环6 NFC版</h3>
                                                <p class="desc">全屏实力</p>
                                                <p class="price">
                                                    <span class="num">259</span>元
                                                    <del>
                                                        <span class="num">279</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_06.webp" alt="">
                                                </div>
                                                <h3 class="title">Redmi AirDots 2真无线蓝牙耳机</h3>
                                                <p class="desc">支持蓝牙5.0，自动秒连，拿起就能用</p>
                                                <p class="price">
                                                    <span class="num">79</span>元
                                                    <del>
                                                        <span class="num">99</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_07.webp" alt="">
                                                </div>
                                                <h3 class="title">Redmi手表</h3>
                                                <p class="desc">35g超轻/1.4"大屏/多功能NFC/7天长续航</p>
                                                <p class="price">
                                                    <span class="num">269</span>元
                                                    <del>
                                                        <span class="num">299</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_08.webp" alt="">
                                                </div>
                                                <h3 class="title">小米真无线蓝牙耳机Air 2 Pro</h3>
                                                <p class="desc">主动降噪/持久续航/无线充</p>
                                                <p class="price">
                                                    <span class="num">449</span>元
                                                    <del>
                                                        <span class="num">699</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_09.webp" alt="">
                                                </div>
                                                <h3 class="title">小米手表Color 运动版</h3>
                                                <p class="desc">超长续航，支持血氧功能</p>
                                                <p class="price">
                                                    <span class="num">699</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-s">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_10.webp" alt="">
                                                </div>
                                                <h3 class="title">小米真无线蓝牙耳机Air 2s</h3>
                                                <p class="price">
                                                    <span class="num">369</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <li class="brick-item brick-item-s">
                                        <a href="#">
                                            <div class="figure figure-more">
                                                <i class="iconfont iconfont-circle-arrow-right"></i>
                                            </div>
                                            <div class="more">
                                                浏览更多
                                                <small>热门</small>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <ul class="brick-list clearfix hide ">
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_001.webp" alt="">
                                                </div>
                                                <h3 class="title">Xiaomi Sound</h3>
                                                <p class="desc">小米高保真智能音箱</p>
                                                <p class="price">
                                                    <span class="num">499</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_002.webp" alt="">
                                                </div>
                                                <h3 class="title">小米降噪耳机 Pro FlipBuds Pro</h3>
                                                <p class="desc">主动降噪 超长续航</p>
                                                <p class="price">
                                                    <span class="num">759</span>元
                                                    <del>
                                                        <span class="num">799</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_003.webp" alt="">
                                                </div>
                                                <h3 class="title">Redmi AirDots 3 Pro</h3>
                                                <p class="desc">智能降噪 超低延迟</p>
                                                <p class="price">
                                                    <span class="num">299</span>元
                                                    <del>
                                                        <span class="num">349</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_004.webp" alt="">
                                                </div>
                                                <h3 class="title">小米小爱音箱Play 增强版</h3>
                                                <p class="desc">是音箱也是床头时钟</p>
                                                <p class="price">
                                                    <span class="num">129</span>元
                                                    <del>
                                                        <span class="num">149</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_005.webp" alt="">
                                                </div>
                                                <h3 class="title">Redmi AirDots 2真无线蓝牙耳机</h3>
                                                <p class="desc">支持蓝牙5.0，自动秒连，拿起就能用</p>
                                                <p class="price">
                                                    <span class="num">79</span>元
                                                    <del>
                                                        <span class="num">99</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_006.webp" alt="">
                                                </div>
                                                <h3 class="title">小米AI音箱（第二代）</h3>
                                                <p class="desc">小米AI音箱（第二代）</p>
                                                <p class="price">
                                                    <span class="num">199</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_007.webp" alt="">
                                                </div>
                                                <h3 class="title">小米真无线蓝牙耳机Air 2s</h3>
                                                <p class="desc">全面升级，智慧真无线</p>
                                                <p class="price">
                                                    <span class="num">369</span>元
                                                    <del>
                                                        <span class="num">399</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-s">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/dapei-list_008.webp" alt="">
                                                </div>
                                                <h3 class="title">小米小爱音箱 Pro</h3>
                                                <p class="price">
                                                    <span class="num">299</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <li class="brick-item brick-item-s">
                                        <a href="#">
                                            <div class="figure figure-more">
                                                <i class="iconfont iconfont-circle-arrow-right"></i>
                                            </div>
                                            <div class="more">
                                                浏览更多
                                                <small>耳机音箱</small>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 配件模块 -->
            <div class="home-brick-box home-brick-row-2-box xm-plain-box">
                <div class="box-hd clearfix">
                    <h2 class="title">配件</h2>
                    <div class="more">
                        <ul class="tab-list">
                            <li class="tab-active">热门</li>
                            <li>充电器</li>
                        </ul>
                    </div>
                </div>
                <div class="box-bd clearfix">
                    <div class="row">
                        <div class="span4">
                            <ul class="brick-promo-list clearfix">
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <img src="upload/peijian-list_01.webp" alt="">
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <img src="upload/peijian-list_02.webp" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="span16">
                            <div>
                                <ul class="brick-list clearfix">
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_03.webp" alt="">
                                                </div>
                                                <h3 class="title">高速无线充套装</h3>
                                                <p class="desc">快速无线闪充，Qi充电标准</p>
                                                <p class="price">
                                                    <span class="num">149</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_04.webp" alt="">
                                                </div>
                                                <h3 class="title">小米无线充电宝青春版10000mAh</h3>
                                                <p class="desc">能量满满，无线有线都能充</p>
                                                <p class="price">
                                                    <span class="num">129</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_05.webp" alt="">
                                                </div>
                                                <h3 class="title">小米插线板（含3口USB 2A快充）</h3>
                                                <p class="desc">3个USB充电口，支持快充</p>
                                                <p class="price">
                                                    <span class="num">59</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_06.webp" alt="">
                                                </div>
                                                <h3 class="title">米家魔方转换器</h3>
                                                <p class="desc">方寸之间，能量无限</p>
                                                <p class="price">
                                                    <span class="num">59</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_07.webp" alt="">
                                                </div>
                                                <h3 class="title">米家插线板 快充版 27W</h3>
                                                <p class="desc">安全的大功率快充拆线板</p>
                                                <p class="price">
                                                    <span class="num">69</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_08.webp" alt="">
                                                </div>
                                                <h3 class="title">米家筋膜枪</h3>
                                                <p class="desc">米家筋膜枪</p>
                                                <p class="price">
                                                    <span class="num">499</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_09.webp" alt="">
                                                </div>
                                                <h3 class="title">米家插线板6位基础版（含3口USB 2A快充）</h3>
                                                <p class="desc">小巧设计，便捷不占地儿</p>
                                                <p class="price">
                                                    <span class="num">79</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-s">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_10.webp" alt="">
                                                </div>
                                                <h3 class="title">小米车载充电器快充版</h3>
                                                <p class="price">
                                                    <span class="num">69</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <li class="brick-item brick-item-s">
                                        <a href="#">
                                            <div class="figure figure-more">
                                                <i class="iconfont iconfont-circle-arrow-right"></i>
                                            </div>
                                            <div class="more">
                                                浏览更多
                                                <small>热门</small>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <ul class="brick-list clearfix  hide">
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_001.webp" alt="">
                                                </div>
                                                <h3 class="title">小米立式风冷无线充 30W</h3>
                                                <p class="desc">解锁充电新姿势</p>
                                                <p class="price">
                                                    <span class="num">199</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_002.webp" alt="">
                                                </div>
                                                <h3 class="title">小米立式无线充电器 通用快充20W</h3>
                                                <p class="desc">横竖可充，迅速感应边充边玩</p>
                                                <p class="price">
                                                    <span class="num">99</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_003.webp" alt="">
                                                </div>
                                                <h3 class="title">米家插线板6位基础版（含3口USB 2A快充）</h3>
                                                <p class="desc">小巧设计，便捷不沾地儿</p>
                                                <p class="price">
                                                    <span class="num">79</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_004.webp" alt="">
                                                </div>
                                                <h3 class="title">小米插线板（含3口USB 2A快充）</h3>
                                                <p class="desc">3个USB充电口，支持快充</p>
                                                <p class="price">
                                                    <span class="num">59</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_005.webp" alt="">
                                                </div>
                                                <h3 class="title">小米Type-C充电器快充版 20W</h3>
                                                <p class="desc">智能兼容/小巧易携带</p>
                                                <p class="price">
                                                    <span class="num">39</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_006.webp" alt="">
                                                </div>
                                                <h3 class="title">小米无线充电宝30W 10000mAh</h3>
                                                <p class="desc">小米无线充电宝30W 10000mAh</p>
                                                <p class="price">
                                                    <span class="num">199</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_007.webp" alt="">
                                                </div>
                                                <h3 class="title">Redmi充电宝 20000mAh</h3>
                                                <p class="desc">大容量，可上飞机</p>
                                                <p class="price">
                                                    <span class="num">99</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-s">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/peijian-list_008.webp" alt="">
                                                </div>
                                                <h3 class="title">小米移动电源3 20000mAh USB-C双向快充版</h3>
                                                <p class="price">
                                                    <span class="num">129</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <li class="brick-item brick-item-s">
                                        <a href="#">
                                            <div class="figure figure-more">
                                                <i class="iconfont iconfont-circle-arrow-right"></i>
                                            </div>
                                            <div class="more">
                                                浏览更多
                                                <small>充电器</small>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 周边模块 -->
            <div class="home-brick-box home-brick-row-2-box xm-plain-box">
                <div class="box-hd clearfix">
                    <h2 class="title">周边</h2>
                    <div class="more">
                        <ul class="tab-list">
                            <li class="tab-active">热门</li>
                            <li>出行</li>
                        </ul>
                    </div>
                </div>
                <div class="box-bd clearfix">
                    <div class="row">
                        <div class="span4">
                            <ul class="brick-promo-list clearfix">
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <img src="upload/zhoubian-list_01.webp" alt="">
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m">
                                    <a href="#">
                                        <img src="upload/zhoubian-list_02.webp" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="span16">
                            <div>
                                <ul class="brick-list clearfix">
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/zhoubian-list_03.webp" alt="">
                                                </div>
                                                <h3 class="title">米家声波电动牙刷T300</h3>
                                                <p class="desc">31000次/分钟震动，刷的干净</p>
                                                <p class="price">
                                                    <span class="num">99</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/zhoubian-list_04.webp" alt="">
                                                </div>
                                                <h3 class="title">米家声波电动牙刷T500</h3>
                                                <p class="desc">刷的干净、智能护齿</p>
                                                <p class="price">
                                                    <span class="num">169</span>元
                                                    <del>
                                                        <span class="num">179</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2">
                                            <a href="#">
                                                <div class="figure figure-img">
                                                    <img src="upload/zhoubian-list_05.webp" alt=" ">
                                                </div>
                                                <h3 class="title ">米家声波电动牙刷T700</h3>
                                                <p class="desc ">米家声波电动牙刷T700</p>
                                                <p class="price ">
                                                    <span class="num ">339</span>元
                                                    <del>
                                                        <span class="num ">399</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhoubian-list_06.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">米家电动剃须刀S700</h3>
                                                <p class="desc ">陶瓷净须，开局之作*</p>
                                                <p class="price ">
                                                    <span class="num ">369</span>元
                                                    <del>
                                                        <span class="num ">499</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhoubian-list_07.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">米家电动剃须刀S100</h3>
                                                <p class="desc ">浮动双刀头 全身水洗</p>
                                                <p class="price ">
                                                    <span class="num ">78</span>元
                                                    <del>
                                                        <span class="num ">79</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhoubian-list_08.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">米家电动剃须刀S500</h3>
                                                <p class="desc ">浮动贴面更干净。减压设计更舒适</p>
                                                <p class="price ">
                                                    <span class="num ">169</span>元
                                                    <del>
                                                        <span class="num ">199</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhoubian-list_09.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">米家电动剃须刀S300</h3>
                                                <p class="desc ">青年"无须 "新选择</p>
                                                <p class="price ">
                                                    <span class="num ">99</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-s ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhoubian-list_10.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">日常元素抽纸青春版 24包/箱</h3>
                                                <p class="price ">
                                                    <span class="num ">27.9</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <li class="brick-item brick-item-s ">
                                        <a href="# ">
                                            <div class="figure figure-more ">
                                                <i class="iconfont iconfont-circle-arrow-right "></i>
                                            </div>
                                            <div class="more ">
                                                浏览更多
                                                <small>热门</small>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div>
                                <ul class="brick-list clearfix hide ">
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhoubian-list_001.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">九号卡丁车Pro兰博基尼汽车定制版</h3>
                                                <p class="desc ">九号卡丁车Pro兰博基尼汽车定制版</p>
                                                <p class="price ">
                                                    <span class="num ">9999</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhoubian-list_002.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">米家飞行员太阳镜 Pro</h3>
                                                <p class="desc ">尼龙偏光，轻巧佩戴</p>
                                                <p class="price ">
                                                    <span class="num ">169</span>元
                                                    <del>
                                                        <span class="num ">199</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhoubian-list_003.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">九号平衡车</h3>
                                                <p class="desc ">年轻人的酷玩具</p>
                                                <p class="price ">
                                                    <span class="num ">1799</span>元
                                                    <del>
                                                        <span class="num ">1999</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhoubian-list_004.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">小米米家电动滑板车Pro</h3>
                                                <p class="desc ">性能提升，动力更强劲</p>
                                                <p class="price ">
                                                    <span class="num ">2599</span>元
                                                    <del>
                                                        <span class="num ">2799</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhoubian-list_005.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">米家经典方框太阳镜</h3>
                                                <p class="desc ">复古设计，偏光自修复</p>
                                                <p class="price ">
                                                    <span class="num ">99</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhoubian-list_006.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">小米车载充电器快充版1A1C 100W</h3>
                                                <p class="desc ">小米车载充电器快充版1A1C 100W</p>
                                                <p class="price ">
                                                    <span class="num ">99</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-m brick-item-m-2 ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhoubian-list_007.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">小米对讲机Lite</h3>
                                                <p class="desc ">小米对讲机Lite</p>
                                                <p class="price ">
                                                    <span class="num ">119</span>元<span>起</span>
                                                    <del>
                                                        <span class="num ">129</span>元
                                                    </del>
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <div>
                                        <li class="brick-item brick-item-s ">
                                            <a href="# ">
                                                <div class="figure figure-img ">
                                                    <img src="upload/zhoubian-list_008.webp " alt=" ">
                                                </div>
                                                <h3 class="title ">小米无线充电宝30W 10000mAh</h3>
                                                <p class="price ">
                                                    <span class="num ">199</span>元
                                                </p>
                                            </a>
                                        </li>
                                    </div>
                                    <li class="brick-item brick-item-s ">
                                        <a href="# ">
                                            <div class="figure figure-more ">
                                                <i class="iconfont iconfont-circle-arrow-right "></i>
                                            </div>
                                            <div class="more ">
                                                浏览更多
                                                <small>出行</small>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="home-banner-box ">
                <a href="# ">
                    <img src="upload/bg_03.webp " alt=" ">
                </a>
            </div>
            <!-- 视频模块 -->
            <div class="home-brick-box xm-plain-box ">
                <div class="box-hd clearfix ">
                    <h2 class="title ">视频</h2>
                    <div class="more ">
                        <a href="# " class="more-link ">
                            查看全部
                            <i class="iconfont iconfont-arrow-right-big "></i>
                        </a>
                    </div>
                </div>
                <div class="box-bd clearfix ">
                    <ul class="video-list clearfix ">
                        <li class="video-item ">
                            <a href="javascript:; ">
                                <div class="figure figure-img ">
                                    <img src="upload/shipin-list_01.webp " alt=" ">
                                    <span class="play ">
                                        <i class="iconfont-play "></i>
                                    </span>
                                </div>
                                <h3 class="title ">2021年春季新品发布会第一场</h3>
                                <p class="desc "></p>
                            </a>
                        </li>
                        <li class="video-item ">
                            <a href="javascript:; ">
                                <div class="figure figure-img ">
                                    <img src="upload/shipin-list_02.webp " alt=" ">
                                    <span class="play ">
                                        <i class="iconfont-play "></i>
                                    </span>
                                </div>
                                <h3 class="title ">Redmi 10X系列发布会</h3>
                                <p class="desc ">Redmi 10X系列发布会</p>
                            </a>
                        </li>
                        <li class="video-item ">
                            <a href="javascript:; ">
                                <div class="figure figure-img ">
                                    <img src="upload/shipin-list_03.webp " alt=" ">
                                    <span class="play ">
                                        <i class="iconfont-play "></i>
                                    </span>
                                </div>
                                <h3 class="title ">小米10 青春版 发布会</h3>
                                <p class="desc "></p>
                            </a>
                        </li>
                        <li class="video-item ">
                            <a href="javascript:; ">
                                <div class="figure figure-img ">
                                    <img src="upload/shipin-list_04.webp " alt=" ">
                                    <span class="play ">
                                        <i class="iconfont-play "></i>
                                    </span>
                                </div>
                                <h3 class="title ">小米10 8K手机拍大片</h3>
                                <p class="desc "></p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!-- 主题模块 结束 -->
    <!-- 尾部模块 开始 -->
    <div class="site-footer ">
        <div class="container ">
            <div class="footer-service ">
                <ul class="list-service clearfix ">
                    <li>
                        <a href="# ">
                            <em class="iconfont-tool "></em>
                            预约维修服务
                        </a>
                    </li>
                    <li>
                        <a href="# ">
                            <em class="iconfont-circle-7 "></em>
                            7天无理由退货
                        </a>
                    </li>
                    <li>
                        <a href="# ">
                            <em class="iconfont-circle-15 "></em>
                            15天免费换货
                        </a>
                    </li>
                    <li>
                        <a href="# ">
                            <em class="iconfont-gift "></em>
                            满69包邮
                        </a>
                    </li>
                    <li>
                        <a href="# ">
                            <em class="iconfont-location "></em>
                            520余家售后网点
                        </a>
                    </li>
                </ul>
            </div>
            <div class="footer-links clearfix ">
                <dl class="col-links col-links-first ">
                    <dt>帮助中心</dt>
                    <dd><a href="# ">账户管理</a></dd>
                    <dd><a href="# ">购物指南</a></dd>
                    <dd><a href="# ">订单操作</a></dd>
                </dl>
                <dl class="col-links ">
                    <dt>服务支持</dt>
                    <dd><a href="# ">售后政策</a></dd>
                    <dd><a href="# ">自助服务</a></dd>
                    <dd><a href="# ">相关下载</a></dd>
                </dl>
                <dl class="col-links ">
                    <dt>线下门店</dt>
                    <dd><a href="# ">小米之家</a></dd>
                    <dd><a href="# ">服务网点</a></dd>
                    <dd><a href="# ">授权体验店</a></dd>
                </dl>
                <dl class="col-links ">
                    <dt>关于小米</dt>
                    <dd><a href="# ">了解小米</a></dd>
                    <dd><a href="# ">加入小米</a></dd>
                    <dd><a href="# ">投资者关系</a></dd>
                    <dd><a href="# ">企业社会责任</a></dd>
                    <dd><a href="# ">廉洁举报</a></dd>
                </dl>
                <dl class="col-links ">
                    <dt>关注我们</dt>
                    <dd><a href="# ">新浪微博</a></dd>
                    <dd><a href="# ">官方微信</a></dd>
                    <dd><a href="# ">联系我们</a></dd>
                    <dd><a href="# ">公益基金会</a></dd>
                </dl>
                <dl class="col-links ">
                    <dt>特色服务</dt>
                    <dd><a href="# ">F 码通道</a></dd>
                    <dd><a href="# ">礼物码</a></dd>
                    <dd><a href="# ">防伪查询</a></dd>
                </dl>
                <div class="col-contact ">
                    <p class="phone ">400-100-5678</p>
                    <p>8:00-18:00（仅收市话费）</p>
                    <a href="# " class="btn btn-line-primary btn small ">
                        <em class="iconfont-message2 "></em>人工客服
                    </a>
                    <div class="follow ">
                        关注小米
                        <a href="# " class="wb "></a>
                        <a href="# " class="wx "></a>
                        <img src="images/wx1.png " alt=" " style="display:none; ">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="site-info ">
        <div class="container ">
            <div class="logo ir ">小米官网</div>
            <div class="info-text ">
                <p class="sites ">
                    <a href="# ">小米商城</a>
                    <span class="sep ">|</span>
                    <a href="# ">MIUI</a>
                    <span class="sep ">|</span>
                    <a href="# ">米家</a>
                    <span class="sep ">|</span>
                    <a href="# ">米聊</a>
                    <span class="sep ">|</span>
                    <a href="# ">多看</a>
                    <span class="sep ">|</span>
                    <a href="# ">游戏</a>
                    <span class="sep ">|</span>
                    <a href="# ">政企服务</a>
                    <span class="sep ">|</span>
                    <a href="# ">小米天猫店</a>
                    <span class="sep ">|</span>
                    <a href="# ">小米集团隐私政策</a>
                    <span class="sep ">|</span>
                    <a href="# ">小米公司儿童信息保护规则</a>
                    <span class="sep ">|</span>
                    <a href="# ">小米商城隐私政策</a>
                    <span class="sep ">|</span>
                    <a href="# ">小米商城用户协议</a>
                    <span class="sep ">|</span>
                    <a href="# ">问题反馈</a>
                    <span class="sep ">|</span>
                    <a href="# ">Select Locatiob</a>
                </p>
                <p class="sites ">
                    <a href="# ">北京互联网法院法律服务工作站</a>
                    <span class="sep ">|</span>
                    <a href="# ">中国消费者协会</a>
                    <span class="sep ">|</span>
                    <a href="# ">北京市消费者协会</a>
                </p>
                <p> 
                    ©
                    <a href="# ">mi.com</a>京ICP证110507号
                    <a href="# ">京ICP备10046444号</a>
                    <a href="# ">京公网安备110 10802020134号</a>
                    <a href="# ">京网文[2020]0276-042号</a><br>
                    <a href="# ">（京）网械平台备字（2018）第00005号</a>
                    <a href="# ">互联网药品信息服务资格证(京)-非经营性-2014-0090</a>
                    <a href="# ">营业执照</a>
                    <a href="# ">医疗器械质量公告</a><br>
                    <a href="# ">增值电信业务许可证</a>
                    网络食品经营备案 京食药网食备2020 10048
                    <a href="# ">食品经营许可证</a><br>
                    违法和不良信息举报电话：171-5104-4404
                    <a href="# ">知识产权侵权投诉</a>本站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
            <div class="info-links ">
                <a href="# ">
                    <img src="images/truste.png " alt=" ">
                </a>
                <a href="# ">
                    <img src="images/v-logo-2.png " alt=" ">
                </a>
                <a href="# ">
                    <img src="images/icon3.png " alt=" ">
                </a>
                <a href="# ">
                    <img src="images/info-links.png " alt=" ">
                </a>
                <a href="# ">
                    <img src="images/info-links-02.png " alt=" " class="img1 ">
                    <img src="images/info-links-03.png " alt=" " class="img2 ">
                </a>
            </div>
        </div>
        <div class="slogan ir ">探索黑科技，小米为发烧而生</div>
    </div>
    <!-- 尾部模块 结束 -->
    <!-- 电梯导航侧边栏 开始 -->
    <div class="home-tool-bar home-tool-bar-large ">
        <a href="# " class="item item-img ">
            <div class="icon ">
                <img src="images/home-tool_01.png " alt=" " class="static ">
                <img src="images/home-tool_02.png " alt=" " class="hover ">
            </div>
            <span class="text ">手机APP</span>
            <div class="pop-content ">
                <img src="images/home-tool_03.png " alt=" ">
                <span class="desc ">扫码领取新人百元礼包</span>
            </div>
        </a>
        <a href="# " class="item ">
            <div class="icon ">
                <img src="images/home-tool_04.png " alt=" " class="static ">
                <img src="images/home-tool_05.png " alt=" " class="hover ">
            </div>
            <span class="text ">个人中心</span>
        </a>
        <a href="# " class="item ">
            <div class="icon ">
                <img src="images/home-tool_06.png " alt=" " class="static ">
                <img src="images/home-tool_07.png " alt=" " class="hover ">
            </div>
            <span class="text ">售后服务</span>
        </a>
        <a href="# " class="item ">
            <div class="icon ">
                <img src="images/home-tool_08.png " alt=" " class="static ">
                <img src="images/home-tool_09.png " alt=" " class="hover ">
            </div>
            <span class="text ">人工客服</span>
        </a>
        <a href="# " class="item ">
            <div class="icon ">
                <img src="images/home-tool_10.png " alt=" " class="static ">
                <img src="images/home-tool_11.png " alt=" " class="hover ">
            </div>
            <span class="text ">购物车</span>
        </a>
        <a href="# " class="item backtop active ">
            <div class="icon ">
                <img src="images/home-tool_12.png " alt=" " class="static ">
                <img src="images/home-tool_13.png " alt=" " class="hover ">
            </div>
            <span class="text ">回顶部</span>
        </a>
    </div>
    <!-- 电梯导航侧边栏 结束 -->
</body>

</html>